<div class="container-fluid p-0 links">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-md-6 col-sm-4 links-item">
        <h6>Project</h6>
        <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link" href="https://bokeh.org/roadmap/">Roadmap</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/bokeh/bokeh/wiki/BEP-4:-Project-Roles">Team</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://bokeh.org/branding/">Branding</a>
          </li>
        </ul>
      </div>

      <div class="col-lg-3 col-md-6 col-sm-4 links-item">
        <h6>Documentation</h6>
        <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link" href="https://docs.bokeh.org/en/latest/docs/user_guide.html">User Guide</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://docs.bokeh.org/en/latest/docs/gallery.html">Gallery</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://docs.bokeh.org/en/latest/docs/reference.html">Reference Guide</a>
          </li>
        </ul>
      </div>

      <div class="col-lg-3 col-md-6 col-sm-4 links-item">
        <h6>Hands On</h6>
        <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/bokeh/tutorial/">Tutorials</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://demo.bokeh.org">Demos</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://bokeh.org/community/">Support</a>
          </li>
        </ul>
      </div>

      <div class="col-lg-3 col-md-6 col-sm-4 links-item">
        <h6>Contribute</h6>
        <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/bokeh/bokeh">GitHub</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://docs.bokeh.org/en/latest/docs/dev_guide.html">Contributor Guide</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/bokeh/bokeh#support">Sponsor</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>


<div class="container-fluid p-0 copyright">
  <div class="container py-2">
    <div class="row">
      <div class="col-md-10">
        <p class="m-0">
          Bokeh is a fiscally sponsored project of
          <a href="https://numfocus.org">NumFOCUS</a>, a nonprofit dedicated
          to supporting the open-source scientific computing community.
          Donations help pay for cloud hosting costs, travel, and other
          project needs.
        </p>
        <p class="m-0">
          {{ copyright }} The website content uses the <a href="https://github.com/bokeh/demo.bokeh.org/blob/main/LICENSE.txt">BSD License</a> and is covered by the <a href="https://github.com/bokeh/bokeh/blob/main/docs/CODE_OF_CONDUCT.md">Bokeh Code of Conduct</a>.
        </p>
      </div>
      <div class="col-md-2">
        <a class="btn btn-primary" href="https://numfocus.org/donate-to-bokeh">Donate</a>
      </div>
    </div>
  </div>
</div>
